<template>
   <div class="wrap">
    <section id="mouse">
      <h1>鼠标位置</h1>
      <h1>X:{{ pageX }},Y:{{ pageY }}</h1>
    </section>
  </div>
</template>

<script setup>
import { useMousePosition } from '@/useHooks';
const { x: pageX, y: pageY } = useMousePosition();
</script>